layui.use('table', function(){
    var table = layui.table;

    //第一个实例
    table.render({
        elem: '#roleTabel'
        ,height: 312
        ,url: '/role/query' //数据接口
        ,cols: [[ //表头
            {field: 'id', title: 'ID', width:80}
            ,{field: 'name', title: '角色名称', width:120}
            ,{field: 'remarks', title: '角色描述', width:120}
            ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
        ]]
        ,error: function (errorObj, errorTxt) {
            console.log(errorObj, errorTxt);
            if (errorObj.status == 403) {
                layer.msg("您当前无权限查看角色列表，请联系管理员开通权限。")
            } else {
                layer.msg("获取角色数据出现异常。")
            }
        }
    });

    table.on('tool(roleTabel)', function(obj){
        var data = obj.data;
        if(obj.event === 'edit'){
            layer.open({
                type: 2,
                content: '/role/role_auth.jsp?id='+data.name,
                btn: ['yes', 'no'],
                yes: function(index, layero){
                    var auths = layero.find("iframe")[0].contentWindow.getData();
                    updateRoleMenu(data.id, auths);
                    layer.close(index);
                }
            });
        }
    });

    function updateRoleMenu(roleId, roleMenus) {
        $.ajax({
            type :"post",
            url: "/role_menu/update_relation",
            data :{
                roleId: roleId,
                roleMenus: JSON.stringify(roleMenus)
            },
            dataType:"json",
            success:function (data) {
                if (data.code === 200) {
                    layer.msg("更新成功");
                } else {
                    layer.msg("更新失败");
                }
            }
        });
    }

});